<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Core Frame Admin</title>
		<link type="text/css" href="css/styles.css" rel="stylesheet" />
		<link type="text/css" href="js/jquery/jquery-ui/redmond/jquery-ui.custom.css" rel="stylesheet" />
		<script type="text/javascript" src="js/jquery/jquery.min.js"></script>
		<script type="text/javascript" src="js/jquery/jquery-ui.min.js"></script>
		<script type="text/javascript" src="js/general.js"></script>
	</head>
	<body>
	<div id="wrapper">
		<!-- Header -->
		<div id="header">
			<!-- Top -->
			<div id="top">
				<!-- Logo -->
				<div class="logo"> 
					<a href="#" title="Administration Home" class="tooltip"><img src="images/logo.png" width="200" alt="Core Frame Admin" /></a> 
				</div>
				<!-- End of Logo -->
				
				<!-- Meta information -->
				<div class="meta">
					<p>管理员， <a href="#" title="1 new private message from Elaine!" class="tooltip"> 1 条新信息!</a></p>
					<ul>
						<li><a href="#" title="End administrator session" class="tooltip"><span class="ui-icon ui-icon-power"></span>注销</a></li>
						<li><a href="#" title="Change current settings" class="tooltip"><span class="ui-icon ui-icon-wrench"></span>设置</a></li>
						<li><a href="#" title="Go to your account" class="tooltip"><span class="ui-icon ui-icon-person"></span>我的账户</a></li>
					</ul>	
				</div>
				<!-- End of Meta information -->
			</div>
			<!-- End of Top-->
			<div class="clr"></div>
		</div>
		<!-- End of Header -->
		<!-- Container -->
		<div id="container">
			<!-- The side bar -->
			<div id="sidebar">
				<div id="accordion">
					<div>
						<h3><a href="#">新闻管理</a></h3>
						<div>
							<ul>
								<li><a href="#">测试 1</a></li>
								<li><a href="#">测试 2</a></li>
								<li><a href="#">测试 3</a></li>
							</ul>
						</div>
					</div>
					<div>
						<h3><a href="#">用户管理</a></h3>
						<div>
							<ul>
								<li><a href="#">测试 1</a></li>
								<li><a href="#">测试 2</a></li>
								<li><a href="#">测试 3</a></li>
								<li><a href="#">测试 1</a></li>
								<li><a href="#">测试 2</a></li>
								<li><a href="#">测试 3</a></li>
								<li><a href="#">测试 1</a></li>
								<li><a href="#">测试 2</a></li>
								<li><a href="#">测试 3</a></li>
							</ul>
						</div>
					</div>
					<div>
						<h3><a href="#">系统设置</a></h3>
						<div>
							<ul>
								<li><a href="#">测试 1</a></li>
								<li><a href="#">测试 2</a></li>
								<li><a href="#">测试 3</a></li>
								<li><a href="#">测试 1</a></li>
								<li><a href="#">测试 2</a></li>
								<li><a href="#">测试 3</a></li>
								<li><a href="#">测试 1</a></li>
								<li><a href="#">测试 2</a></li>
								<li><a href="#">测试 3</a></li>
								<li><a href="#">测试 1</a></li>
								<li><a href="#">测试 2</a></li>
								<li><a href="#">测试 3</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<!-- End of  side bar -->
			<!-- Content -->
			<div id="content">
				<!-- Main  -->
					<div id="main">
						<div class="portlet">
							<div class="portlet-header">Something else ...</div>
							<div class="portlet-content">
								test for app
							</div>
						</div>
					</div>
				<!-- End of Main -->
			</div>
			<!-- End of Content -->
			<div class="clr"></div>
		</div>
		<!-- End of Container -->
		
		<!-- Footer -->
		<div id="footer">
			<p class="mid">
				&copy;2011 - Core Frame. 版权所有
			</p>
		</div>
		<!-- End of Footer -->
	</div>	
	</body>
</html>